import { useState } from 'react';
import './app.less';

const App = () => {

    const [count, setCount] = useState(0);
    const [val, setVal] = useState('');

    return (
        <>
            <h3>Hello React18 !</h3>
            <button className='btn'
                onClick={() => {setCount(count + 1)}}
            >click me {count} times.</button>
            <div className='flex_box'>
                <input type="text" value={val} onChange={e=> {setVal(e.target.value)}} />
            </div>
        </>
    )
}

export default App;